<template>
  <view class="allContainer">
    <image class="morePositionImgStyle" />
  </view>
</template>
   
    <script>
export default {
  //mixins: [ReportShareMixin],
  components: {},
  props: {
    info: {
      type: Object,
      default: function () {
        return {
          // 表示内容相关 2-职业大全
          relatedType: undefined,
          // 1-职讯 2-短视频
          type: 1,
          // 职业ID
          positionId: "",
        };
      },
    },
  },
  data() {
    return {
      personId: uni.getStorageSync("person-id").slice(2) || "",
      isMove: false,
      clickFollowPosition: "clickFollowPosition",
      openId: uni.getStorageSync("openid") || "",
      positionName: "职业名称",
      isLogin: 0, // 是否已经登陆
      isCollect: 0, // 是否已经收藏

      relatedType: undefined,
      // 1-职讯 2-短视频
      type: 1,
      // 职业ID
      positionId: "",
    };
  },
  mounted() {},

  created() {},

  onLoad(opt) {},

  watch: {
    info: {
      handler(val) {
        if (val.relatedType) {
        }
      },
      immediate: true,
      deep: true,
    },
  },
  methods: {
    // 点击收藏
    onClickCollect() {
      this.subscribeMessage();
    },

    // 订阅 通知
    subscribeMessage() {
      var ids = "meN3arXkcBxBpGRG81narVRMmqU-jA5i-IXRcs0fPb4";
      uni.requestSubscribeMessage({
        tmplIds: [ids],
        complete: (res) => {
          console.log("requestSubscribeMessage complete", res);
          //console.log('requestSubscribeMessage ids',res[''+ ids +'']);
          var value = res["" + ids + ""];
          if (value == "accept") {
            console.log("requestSubscribeMessage value", "accept");
            // 接受了
          } else if (value == "reject") {
            console.log("requestSubscribeMessage value", "reject");
            // 拒绝了
          }
          // if (this.personId && this.personId != '') {
          //   this.reqAddFollow();
          // } else {
          //   //this.checkLogin();
          // }
        },
      });
    },
  },
};
</script>
    
    <style lang="scss" scoped>
.moveStyle {
  animation-name: move;
  animation-duration: 0.4s;
  animation-iteration-count: 1;
}

@keyframes move {
  0% {
    opacity: 1;
    transform: translateY(0rpx);
  }
  100% {
    opacity: 0;
    transform: translateY(-60rpx);
  }
}

.allContainer {
  width: 206rpx;
  height: 290rpx;

  .morePositionImgStyle {
    background-image: url($img-base + "career/icon_more_position_info_block.png");
    position: fixed;
    bottom: 440rpx;
    background-size: 100% 100%;
    background: red;
    width: 206rpx;
    height: 290rpx;
  }
}
</style>